// ext-grid.2.x

//Ext.onReady(function(){
App.PersonManager= function(wind) {      
	setTimeout( function() {
 // 定义一个checkBox  
 var sm = new Ext.grid.CheckboxSelectionModel();
 //var record = grid1.getStore().getAt(rowIndex);  
 sm.handleMouseDown = Ext.emptyFn;
 
 // 定义一个ColumnModel，表头中有61列
 var cm = new Ext.grid.ColumnModel([
            sm,
  {header:'员工编号',dataIndex:'idt_person'},
  {header:'员工名称',dataIndex:'pname'}

 ]);
 /* ArrayReader
  * ds要对应两个部分：proxy和reader。proxy告诉我们从哪里获得数据，reader告诉我们如何解析这个数据。
  * Ext.data.MemoryProxy，它是专门用来解析js变量的。你可以看到，我们直接把data作为参数传递进去了。
  */
 var ds = new Ext.data.Store({
  proxy: new Ext.data.HttpProxy({url:'../'+WebServiceUrl+'?trancode=14131'	}),
  reader: new Ext.data.JsonReader({
   totalProperty: 'totalProperty',
   root: 'root'
   }, [
   {name: 'idt_person'},
   {name: 'pname'}
  ])  
 });   
  
 /* 装配 */
 /* 
  注意：Ext.grid.Grid的第一个参数是渲染的id，
  对应在html里应该有一个 <div id="grid"></div>的东西，这样grid才知道要把自己画到哪里。
  创建完grid以后，还要用grid.render()方法，让grid开始渲染，这样才能显示出来。
 */

 cm.defaultSortable   =   true;  // 设置列可排序

 var grid1 = new Ext.grid.GridPanel({
  el: 'grid1',
  height : Ext.get("grid1").getHeight(),
  bodyStyle : 'width:100%',
  ds: ds,
  cm: cm,
  sm: sm,  
  // 定义分页
	  bbar: new Ext.PagingToolbar({
	   pageSize: App.pageSize,
	   store: ds,
	   displayInfo: true,
	   displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
	   emptyMsg: "没有记录"
	   })
  });
  
  
  
  var cmm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), sm,  
					  {header:'主管业务员ID',dataIndex:'idt_person'}                                                                                                                                  
 		]);
  
  
  
  //双击事件
   grid1.on('rowdblclick', function(grid1, rowIndex, e) {
 
    			var record = grid1.getStore().getAt(rowIndex);
   			alert(record.get('pname') + "的编号为:" + record.get('idt_person'));
   			
			var dss = new Ext.data.Store({
			baseParams : {
				trancode : '00000',
				id:record.get('idt_person')				
			},
			proxy : new Ext.data.HttpProxy({
				url : '../' + WebServiceUrl
			}),
			reader : new Ext.data.JsonReader({
			totalProperty : 'totalProperty',
			root : 'root'
			}, [
				{name:'idt_person'} 
				                   
		])});
		
			var gridForm2 = new Ext.FormPanel({        
		 	id: 'Tsalesordersd',       
		  	frame: true,                
		  	title: '销售明细',        
		  	bodyStyle:'padding:5px',        
		  	width: '100%',
		  	height: 400,        
		  	layout: 'column',
			 items: [{            
			 	columnWidth:1.2,            
			 	layout: 'fit',            
			 	items: {	            
			 		xtype: 'grid',	            
			 		ds: dss,	            
			 		cm: cmm,
			 		bbar : new Ext.PagingToolbar({
						pageSize : App.pageSize,
						store : dss,
						displayInfo : true,
						displayMsg : '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
						emptyMsg : "没有记录"
					}),	            
			 		sm: sm,                       
			 		autoHeight: true,
			 		autoWidth:true,	                       
			 		border: true,		        
			 		listeners: {		        	
			 			render: function(g) {		        		
			 			g.getSelectionModel().selectRow(0);		        	
			 			}		        	    
			 		}
				 }        
			  }]
			});
		
		
		//加载分页参数
		dss.load({
				params : {
				start : 0,
				limit : App.pageSize
			}
		});	
		
   			 wind.close();
   				 
		});
		
		 
 //单击事件
 grid1.on('rowclick', function(grid1,t) { 
 		
 }); 
 
 ds.load({params:{start:0, limit:App.pageSize}});
 
 grid1.render();


     Ext.MessageBox.hide();//隐藏进度条
     },1000)    
}




App.getPid= function(wind) { 

}